<template>
    <div class="cell"
        @click="goStep"
    >{{ val }}</div>
</template>

<script>
    export default {
        name: "ChessCell",
        props:{
          index:Number,
          val:String
        },
        methods:{
            goStep(){
                this.$emit("click-cell",this.index)
            }
        }
    }

</script>

<style scoped>
    .cell{
        width: 100px;
        height: 100px;
        border: #030303 solid 2px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size:30px;
    }
</style>